<template>
  <div class="settings">
    <label>
      <input type="checkbox" v-model="data.trayOnClose" />
      关闭窗口时托盘
    </label>
    <a href="https://www.baidu.com" target="_blank">百度_blank</a>
    <a href="https://www.baidu.com" target="aaa">百度_aaa</a>
    <a data-v-fff5350c="" target="_blank" href="//www.iqiyi.com/v_zltjkkk8uw.html?vfrm=pcw_home&amp;vfrmblk=&amp;vfrmrst=" class="qy-vc-small_link"
      ><div data-v-5167cbdd="" data-v-fff5350c="" class="qy-vc-small_video">
        <img data-v-5167cbdd="" src="//pic8.iqiyipic.com/image/20200910/e8/b8/v_152820935_m_601_m3_320_180.jpg?caplist=jpg,webp" rseat="711219_home_dianshiju_float_pic_play1" data-pb="block=O" alt="在劫难逃" class="qy-vc-small_img" />
        <div data-v-5167cbdd="" id="T-playerWrap" rseat="711219_home_dianshiju_float_video_play1" data-pb="block=O" style="height: 100%; display: none;"></div>
        <!---->
        <!---->
      </div></a
    >
  </div>
</template>

<script lang="ts">
import { reactive, watch } from 'vue'
export default {
  setup() {
    const data = reactive({
      trayOnClose: localStorage.trayOnClose === 'true'
    })
    watch(
      () => data.trayOnClose,
      () => {
        localStorage.trayOnClose = data.trayOnClose
      }
    )
    return { data }
  }
}
</script>

<style lang="less" scoped>
.settings {
  padding: 30px;
}
</style>
